<template>
  <div class="goodmain">
    <div class="goodmain_list" v-if="items.length > 0">
      <div v-for="(item, index) in items" :key="'tablist_' + index">
        <ItemPanelHeader :item="item" :isBigHead="isBigHead">
          <!--         <div slot="itemPanelHeaderMenu">3</div>
 -->
        </ItemPanelHeader>
      </div>
    </div>
    <div v-else class="nodata">
      <NoContent :type="noContentType"></NoContent>
    </div>
  </div>
</template>
<script>
export default {
  name: "GoodMain",
  props: {
    items: {
      type: Array,
      default() {
        return [];
      },
    },
  },
  components: {
    ItemPanelHeader: () =>
      import(
        /* webpackChunkName:"itemPanelHeader" */ "../../components/common/itemPanel/itemPanelHeader"
      ),
    NoContent: () =>
      import(
        /* webpackChunkName:"noContent" */ "../../components/common/noContent.vue"
      ),
  },
  data() {
    return {
      isBigHead: false,
      noContentType: 10,
    };
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.goodmain {
  .goodmain_list {
    padding: 10 / @base 0;
  }
}
</style>
